<title>{{title}}</title>
<div class="layout-container layout-column">
    <div class="layout-main mb4j-padding-all">
        <i-form action="/api/dict/value/add" method="post" label-position="left" :label-width="120">
            <form-item :label="parent.label">
                <i-input type="text" name="parent" readonly="readonly"></i-input>
                <input type="hidden" name="parentId" />
            </form-item>
            <form-item :label="value.label">
                <i-input type="text" name="value" 
                	:placeholder="value.placeholder" 
                	:valid="value.valid"
                	:label="value.label" 
                	:errors="value.errors"></i-input>
            </form-item>
            <form-item :label="label.label">
            	<i-input 
            		type="text" name="label" 
            		:placeholder="label.placeholder"
	        		:label="label.label"
	        		valid="required:true,max:50">
               </i-input>
            </form-item>
            <form-item :label="sort.label">
                <input-number name="sort"
                	:min="1"
	        		:placeholder="sort.placeholder"
	        		valid="required:true,number:true" 
	        		:label="sort.label"
	        		v-model="sort.value" 
	        		style="width:100%;">
	        	</input-number>
            </form-item>
            <form-item :label="memo.label">
                <i-input type="textarea" name="memo" 
                	:placeholder="memo.placeholder" rows="3"
	            	valid="max:100" :label="memo.label"></i-input>
            </form-item>
        </i-form>
    </div>
    <div class="layout-footer">
        <i-button v-on:click="reset">{{button.reset}}</i-button>
        <i-button type="primary" v-on:click="submit">{{button.submit}}</i-button>
    </div>
</div>